<!DOCTYPE html>
<html>
	<head>
	<meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>COVID-19-visualization</title>

    <!-- Bootstrap -->
     <link rel="stylesheet" href="../lib/bootstrap/css/bootstrap.min.css">
     <!--你自己的css样式-->
     <link rel="stylesheet" href="../CSS/index.css">
     <script src="../JS/jquery-3.4.1.min.js"></script>
     <script src="../JS/echarts.min.js"></script>
	 <script src="../JS/china.js"></script>
	 
	 
     <!--
     	作者：offline
     	时间：2020-04-25
     	描述：站点图标
     -->
     <link rel="shortcut icon" href="../imgs/bige_data.png" type="image/x-icon">
	</head>
	<body>
		<!--
        	作者：offline
        	时间：2020-04-28
        	描述：头部
        -->
        <header id="cov_header">
		<nav class="navbar navbar-default navbar navbar-fixed-top navbar-cov">
		  <div class="container">
		    <!-- Brand and toggle get grouped for better mobile display -->
		    <div class="navbar-header">
		      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#cov_nav" aria-expanded="false">
		        <span class="sr-only">Toggle navigation</span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		      </button>
		      <a class="navbar-brand" href="#">
		      	<!--<img alt="Brand" src="../static/imgs/logo_bochuang.png" width="40px" height="40px">
		      	COVID-19-visualization-->
		      	<!--<img src="../static/imgs/bige_data.png" width="30" height="30" class="d-inline-block align-center" alt="Brand">-->
        		<img src="../imgs/logo_bochuang.png" width="30" height="30" class="d-inline-block align-center" alt="Brand">
        		COVID-19-visualization
		      </a>
		    </div>
		
		    <div class="collapse navbar-collapse" id="cov_nav">
		      <ul class="nav navbar-nav nav-tabs" role="tablist">
                    
                    <li role="presentation"><a href="world_index.html" target="_self">世界地图</a></li>
                    <!--<li class="active"><a href="javascript:;">世界地图 </a></li>-->
                    <li role="presentation" class="active"><a href="../html/china_index.html" target="_self">中国地图</a></li>
                    <li role="presentation"><a href="../html/china_detail.html">中国详细及各省详细</a></li>
                    <li role="presentation"><a href="../html/All_countries.html" target="_blank">各国趋势</a></li>
                    <li role="presentation"><a href="../html/Statistics.html">重点国家疫情统计</a></li>
                    
              </ul>
              
		      <ul class="nav navbar-nav navbar-right hidden-sm hidden-xs">
		        <li><a class="nav-link" href="https://github.com/BlankerL/DXY-2019-nCoV-Data" target="_blank">数据来源</a></li>
		      </ul>
		    </div><!-- /.navbar-collapse -->
		  </div><!-- /.container-fluid -->
		</nav>
		</header>
		<!--
        	作者：offline
        	时间：2020-04-28
        	描述：身体
        -->
        <div class="container-fluid" style="width: 100%">
	        <section class="china-map">
                 <div class="map_header">
                    <div class="nav_1">
                        <!--<button class="nav_1_1" id="first" onclick="changeAll()">累计确诊</button>
                        <button class="nav_1_1" id="sceond" onclick="changeNow()">现存确诊</button>-->
                        <button type="button" class="btn btn-danger btn-sm" id="first" onclick="changeAll()">累计确诊</button>
                        <button type="button" class="btn btn-danger btn-sm" id="sceond" onclick="changeNow()">现存确诊</button>
                    </div>
                </div>
	        	<div id="china" >我是中国地图</div>
				    <!--<script src="../static/JS/controller.js"></script>-->
	        </section>
        </div>
        <script src="../JS/ec_center.js"></script>
		<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
	    <script src="../lib/jquery/jquery.js"></script>
	    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
	    <script src="../lib/bootstrap/js/bootstrap.js"></script>
	    <!--
	    	作者：offline
	    	时间：2020-04-25
	    	描述：你自己的脚本文件
	    -->
	    <script src="../JS/index.js"></script>
        <script src="../JS/controller_index.js"></script>

    <!--疫情地图切换-->


	</body>
</html>
